
#wrap {
	width: 200px;
	height: 200px;
	border: 2px solid #000;
	margin: 50px auto;
	border-radius: 50%;
	position: relative;
}

#wrap ul {
	margin: 0;
	padding: 0;
	height: 200px;
	position: relative;
	list-style: none;
}

#wrap ul li {
	width: 2px;
	height: 6px;
	background: #000;
	position: absolute;
	left: 99px;
	top: 0;
	-webkit-transform-origin: center 100px;
}

#wrap ul li:nth-of-type(5n+1) {
	height: 12px;
}

#hour {
	width: 6px;
	height: 45px;
	background: #000;
	position: absolute;
	left: 97px;
	top: 55px;
	-webkit-transform-origin: bottom;
}

#min {
	width: 4px;
	height: 65px;
	background: #999;
	position: absolute;
	left: 98px;
	top: 35px;
	-webkit-transform-origin: bottom;
}

#sec {
	width: 2px;
	height: 80px;
	background: red;
	position: absolute;
	left: 99px;
	top: 20px;
	-webkit-transform-origin: bottom;
}

.icon {
	width: 20px;
	height: 20px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	left: 90px;
	top: 90px;
}

